import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class NotificationItem extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.fromLTRB(30.w, 30.h, 30.w, 0),
      child: Container(
        height: 128.h,
        decoration: BoxDecoration(
          color: const Color(0xFF151313),
          borderRadius: BorderRadius.circular(30.r),
        ),
        child: Padding(
          padding:
              EdgeInsets.only(left: 30.w, right: 20.w, top: 20.h, bottom: 20.h),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Image.asset(
                'assets/images/msg_note_icon.png',
                width: 72.w,
                height: 72.h,
              ),
              SizedBox(width: 24.w),
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text(
                      '15:23',
                      style: TextStyle(
                        color: Colors.grey,
                        fontSize: 26.sp,
                      ),
                    ),
                    SizedBox(height: 8.h),
                    Text(
                      'ANNA followed you',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 28.sp,
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
